<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>分类页</title>
		<link rel="stylesheet" href="./css/common.css" />
		<link rel="stylesheet" href="./css/category.css" />
	</head>
	<body>
		<div class="container">
      <div class="header">
        <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
        <div class="ct">商品列表</div>
        <div class="rt"></div>
      </div>
      <div class="flex-box">
        <div class="cate-nav">
          <div class="cate-nav-body">
            <div class="item active">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
            <div class="item">
              <div class="name">子分类名</div>
            </div>
          </div>
        </div>
        <div>
          <div class="cate-item">
            <div class="h">
              <span class="name">分类名</span>
              <span class="desc">分类名描述</span>
            </div>
            <div class="b">
              <a class="item" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
              <a class="item item-b" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
              <a class="item" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
              <a class="item  item-b" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
              <a class="item" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
              <a class="item item-b" href="./goods.html">
                <img
                  class="img"
                  src="./static/demo/idx-brand.jpg"
                />
                <span class="name">商品名称</span>
                <span class="price">￥111</span>
              </a>
            </div>
          </div>
        </div>
      </div>
 		</div>
	</body>
</html>
